<template>
  <div class="app-container">

      <div class="abc">
        <div class="line1 clearfix" v-for="(item,index) in liness">
          <div class="icon pad1" @click='tomore(item,index)' v-if="!item.ismore">+</div>
          <div class="icon pad" @click='tomore(item,index)'  v-if="item.ismore">-</div>
          <div class="date1" :class="item.ismore?'pad':'pad1'">{{item.date}}</div>
          <div class="hang">
            <div class="hang1 clearfix">
              <div>{{item.a.name}}</div><div>{{item.a.a1}}</div><div>{{item.a.a2}}</div><div>{{item.a.a3}}</div><div>{{item.a.a4}}</div>
            </div>
            <div class="hang1 clearfix" v-if='item.ismore'>
              <div>{{item.b.name}}</div><div>{{item.b.a1}}</div><div>{{item.b.a2}}</div><div>{{item.b.a3}}</div><div>{{item.b.a4}}</div>
            </div>
            <div class="hang1 clearfix" v-if='item.ismore'>
              <div>{{item.c.name}}</div><div>{{item.c.a1}}</div><div>{{item.c.a2}}</div><div>{{item.c.a3}}</div><div>{{item.c.a4}}</div>
            </div>
          </div>
        </div>
      </div>
      
      <div id="echarts" style="width:500px;height:400px"></div>

    <div style="position:relative">
<el-date-picker style="position:absolute;left:0;z-index:1;"
      v-model="value1"
      type="date"
      placeholder="选择日期" @change="changes" value-format="yyyy-MM-dd">
    </el-date-picker>
    <el-time-picker style="position:absolute;left:0;z-index:-2;"
    v-model="value2"
    placeholder="任意时间点"
    ref='inputs'>
  </el-time-picker>
  </div>
<el-table :data="tableData5" style="width: 100%">
    <el-table-column type="expand">
      <template slot-scope="props">
        <el-form label-position="left" inline class="demo-table-expand">
          <el-form-item label="商品名称">
            <span>{{ props.row.name }}</span>
          </el-form-item>
          <el-form-item v-if="props.row.shop" label="所属店铺">
            <span>{{ props.row.shop }}</span>
          </el-form-item>
          <el-form-item label="商品 ID">
            <span>{{ props.row.id }}</span>
          </el-form-item>
          <el-form-item v-if="props.row.shopId" label="店铺 ID">
            <span>{{ props.row.shopId }}</span>
          </el-form-item>
          <el-form-item  label="商品分类">
            <span>{{ props.row.category }}</span>
          </el-form-item>
          <el-form-item v-if="props.row.address" label="店铺地址">
            <span>{{ props.row.address }}</span>
          </el-form-item>
          <el-form-item v-if="props.row.des" label="商品描述">
            <span>{{ props.row.desc }}</span>
          </el-form-item>
        </el-form>
      </template>
    </el-table-column>
    <el-table-column label="商品 ID" prop="id">
    </el-table-column>
    <el-table-column label="商品名称" prop="name">
    </el-table-column>
    <el-table-column label="描述" prop="desc">
    </el-table-column>
  </el-table>

    <el-input-number v-model="num1" :precision="2" :min="1" :step="0.1"  label="描述文字"></el-input-number>
    <el-input-number v-model="num1" precision="2" step="0.1" ></el-input-number>{{num1}}
    <!-- <div style="width:230px">
       <el-input
    placeholder="请选择日期"
    suffix-icon="el-icon-arrow-up"
    v-model="input2"></el-input>
       <ztree :select="select" :datas="treedata[0]" :showLv='2' v-on:curcheck="curCheck"></ztree>
    <el-button @click="imOk">确定</el-button>
     </div> -->


     <!--
    childprops:{
        name: "displayName", //显示名字
        children: "orgs",//子级字段名
        lv:'depth'//当前层级
    }
    treedata:[];//树形数组
    multiple//是否多选 默认单选false ,多选true
     v-on:namearr="namearr" //获取选中文字name的数组  namearr是个方法 
     -->
    <ztree-select class="wd500" v-model="arrdefaults" v-on:namearr="namearr" multiple :treedata="treedata" :childprops="childprops"></ztree-select>
    <ztree-select class="wd500" v-model="defaults" :treedata="treedata" :childprops="childprops"></ztree-select>

多选：
    {{arrdefaults}}
    多选文字name:
    {{namearrs}}
单选：
    {{defaults}}
    <div id="ceshi">

    </div>
    <el-checkbox  v-model="checked" @change="chcecks($event,'1')">222</el-checkbox>{{checked}}
    <el-checkbox  v-model="checked2"  @change="chcecks($event,'2')">333</el-checkbox>{{checked2}}

    <el-popover ref="popovers" visible-arrow="true" v-model="mos" placement="left" title="标题" width="200" trigger="click" content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。">
    </el-popover>{{zhudi}}
    <el-button v-popover:popovers @click="letgo">focus 激活</el-button>

    <div style="margin:0 5%; width: 90%;">
      <editor v-model="zhudi"></editor>

    </div>
    <el-popover ref="popover" placement="bottom" @show="goto" width="420" v-model="gotos" trigger="click">
      <div class="Proportionedit_top">
        <div class="Proportionedit_left">
          <p class="Proportionedit_title">交强险</p>
          <div class="Proportionedit_name">
            <p>佣金：</p>
            <p>奖励：</p>
          </div>
          <div class="Proportionedit_name">
            <div class="">

              <span>元</span>
            </div>
            <div id="">

              <span>元</span>
            </div>

          </div>
        </div>
        <div class="Proportionedit_left">
          <p class="Proportionedit_title">商业险</p>
          <div class="Proportionedit_name">
            <p>佣金：</p>
            <p>奖励：</p>
          </div>
          <div class="Proportionedit_name">

          </div>
        </div>
      </div>
      <div style="text-align: right; margin: 0">
        <el-button size="mini" type="info">取消</el-button>
        <el-button size="mini">确定</el-button>
      </div>
    </el-popover>
    <el-button @click="mos= false">关闭</el-button>

    <a @click="gotos =true">focus 激活333</a>
    <el-row>
      <el-button size="small" @click="double" :disabled="disabled">默认按钮</el-button>
      <el-button type="primary" size="small">主要按钮</el-button>
      <el-button type="info" size="small">信息按钮</el-button>
    </el-row>
    <br><br>
    <el-row>
      <el-button size="mini">mini默认按钮</el-button>
      <el-button type="primary" size="mini">mini主要按钮</el-button>
      <el-button type="info" size="mini">mini信息按钮</el-button>
      <el-button size="mini" type="info">搜索</el-button>
    </el-row>
    <br><br>
    <br><br>
    <el-row>
      <el-button size="mini">
        <i class="iconfont icon-home"></i> mini默认按钮</el-button>
      <el-button type="primary" icon="iconfont icon-home" size="mini">mini主要按钮</el-button>
      <el-button type="success" icon='el-icon-edit' size="mini">mini按钮</el-button>
    </el-row>
    <br><br>

    <el-dropdown split-button @command="handleCommand" size="mini">
      <i class="iconfont icon-bianji"></i> 更多菜单
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item command="a">黄ddddd金糕</el-dropdown-item>
        <el-dropdown-item command="b">狮子dddd头</el-dropdown-item>
        <el-dropdown-item command="c">螺蛳ddd粉</el-dropdown-item>
        <el-dropdown-item command="d">双皮dddd奶</el-dropdown-item>
        <el-dropdown-item command="e">蚵ddddddddddd仔煎</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
      <el-button @click="down">点击下载</el-button>
    <el-dropdown split-button @command="handleCommand" size="mini">
      <i class="el-icon-edit-outline"></i> 更多菜单
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item command="a">黄ddddd金糕</el-dropdown-item>
        <el-dropdown-item command="b">狮子dddd头</el-dropdown-item>
        <el-dropdown-item command="c">螺蛳ddd粉</el-dropdown-item>
        <el-dropdown-item command="d">双皮dddd奶</el-dropdown-item>
        <el-dropdown-item command="e">蚵ddddddddddd仔煎</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
    <br><br><br><br><br>
    <el-dropdown split-button type="primary" @click="handleClick">
      更多菜单
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item>黄金糕</el-dropdown-item>
        <el-dropdown-item>狮子头</el-dropdown-item>
        <el-dropdown-item>螺蛳粉</el-dropdown-item>
        <el-dropdown-item>双皮奶</el-dropdown-item>
        <el-dropdown-item>蚵仔煎</el-dropdown-item>
      </el-dropdown-menu>
    </el-dropdown>
    <!-- <treedi :model="data" :addNew="addUnit" :viewInfo="viewInfo"></treedi> -->
    <br>
    <br><br>
    <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" placeholder="请输入内容" v-model="textarea3">
    </el-input>
    <br><br>
    <el-pagination background :page-size="100" layout="total,prev, pager, next" :total="1000">
    </el-pagination>

    <br>

    <el-select v-model="value" placeholder="请选择" class="wd230" size="mini">
      <el-option size="mini" v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
      </el-option>
    </el-select>

    <div class="wd99"></div>
    <br> <br> <br> <br>
    <el-input v-model="input" size="mini" class="wd230" placeholder="请输入内容"></el-input>

    <br> <br>
    <minmax :model="number" :maxnum="maxnumber" :text="text" v-on:total="getTotal" v-on:error="getError"></minmax>

    <br>
    <el-button type="info" size="mini" @click="isshow = true">结算</el-button>
    <layer :isShow='isshow' :title="title" :datas="datas" :types="1" :save="save" :closeLayer="closeLayer"></layer>

  </div>
</template>

<script>
//  import Editor from '@tinymce/tinymce-vue';
import Vue from 'vue'
import ztreeSelect from "@/components/z-select/index.vue";
import newpolicy from "@/components/newpolicy";
import system from "@/components/system";
import Treedi from "@/components/Treedi";
import editor from "@/components/editor";
import minmax from "@/components/minmax";
import layer from "./../finance/layer/";
import "./../../../static/langs/zh_CN.js";
import echarts from 'echarts'
require('echarts/theme/dark') // echarts theme
require('echarts/theme/infographic') // echarts theme
require('echarts/theme/shine') // echarts theme
require('echarts/theme/vintage') // echarts theme
// import { debounce } from '@/utils'
export default {
  components: {
    Treedi,
    minmax,
    layer,
    // 'editor':Editor
    editor,
    system,
    newpolicy,
    ztreeSelect
  },
  template: "<div>我是末班</div>",
  data() {
    return {
      disabled:false,
      ismore:false,
      liness:[{
        date:'4837-48375-473',
        a:{
          name:'总量',
          a1:'957303',
          a2:'957303',
          a3:'957303',
          a4:'957303',
        },
        b:{
          name:'交',
          a1:'957303543',
          a2:'95730324',
          a3:'95730354',
          a4:'957303435',
        },
        c:{
          name:'商',
          a1:'95730332',
          a2:'95730343',
          a3:'95730354',
          a4:'9573032',
        }
      },{
        date:'36-568-436',
        a:{
          name:'总量',
          a1:'957303',
          a2:'957303',
          a3:'957303',
          a4:'957303',
        },
        b:{
          name:'交',
          a1:'957303543',
          a2:'95730324',
          a3:'95730354',
          a4:'957303435',
        },
        c:{
          name:'商',
          a1:'95730332',
          a2:'95730343',
          a3:'95730354',
          a4:'9573032',
        }
      }],

      value1:'',
      value2:'',
      tableData5: [{
          id: '12987122',
          name: '好滋好味鸡蛋仔',
          category: '江浙小吃、小吃零食',
          desc: '荷兰优质淡奶，奶香浓而不腻',
          address: '上海市普陀区真北路',
          shop: '王小虎夫妻店',
          shopId: '10333'
        }, {
          id: '12987123',
          name: '好滋好味鸡蛋仔',
          category: '江浙小吃、小吃零食',
        }, {
          id: '12987125',
          name: '好滋好味鸡蛋仔',
          category: '江浙小吃、小吃零食',
          desc: '荷兰优质淡奶，奶香浓而不腻',
          address: '上海市普陀区真北路',
          shop: '王小虎夫妻店',
          shopId: '10333'
        }, {
          id: '12987126',
          name: '好滋好味鸡蛋仔',
          category: '江浙小吃、小吃零食',
          desc: '荷兰优质淡奶，奶香浓而不腻',
          address: '上海市普陀区真北路',
          shop: '王小虎夫妻店',
          shopId: '10333'
        }],
      checked:false,
      checked2:false,
      childprops:{
        name: "displayName", //显示名字
        children: "orgs",//子级字段名
        lv:'depth'//当前层级
       },
      duoxuan: true,
      arrdefaults: [1,2, 3, 4, 5, 6],
      defaults: "1",
      treedata: [
        {
          id: 1,
          parentId: null,
          code: "00001",
          depth: 0,
          displayName: "锦和保险销售服务有限公司",
          orgs: [
            {
              id: 3,
              parentId: 1,
              code: "00001.00001",
              depth: 2,
              displayName: "河北分公司",
              orgs: [
                {
                  id: 5,
                  parentId: 3,
                  code: "00001.00001.00001",
                  depth: 3,
                  displayName: "邢台分公司",
                  orgs: [
                    {
                      id: 144,
                      parentId: 5,
                      code: "00001.00001.00001.00001",
                      depth: 4,
                      displayName: "业务一部",
                      orgs: [
                        {
                          id: 158,
                          parentId: 144,
                          code: "00001.00001.00001.00001.00001",
                          depth: 5,
                          displayName: "1",
                          orgs: null
                        }
                      ]
                    },
                    {
                      id: 169,
                      parentId: 5,
                      code: "00001.00001.00001.00002",
                      depth: 4,
                      displayName: "邢台2",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 7,
                  parentId: 3,
                  code: "00001.00001.00003",
                  depth: 3,
                  displayName: "业务一部（石家庄）",
                  orgs: [
                    {
                      id: 27,
                      parentId: 7,
                      code: "00001.00001.00003.00002",
                      depth: 4,
                      displayName: "市区业务部",
                      orgs: null
                    },
                    {
                      id: 28,
                      parentId: 7,
                      code: "00001.00001.00003.00003",
                      depth: 4,
                      displayName: "业务一组（田）",
                      orgs: null
                    },
                    {
                      id: 29,
                      parentId: 7,
                      code: "00001.00001.00003.00004",
                      depth: 4,
                      displayName: "业务二组（罗）",
                      orgs: null
                    },
                    {
                      id: 30,
                      parentId: 7,
                      code: "00001.00001.00003.00005",
                      depth: 4,
                      displayName: "业务三组（乔）",
                      orgs: null
                    },
                    {
                      id: 31,
                      parentId: 7,
                      code: "00001.00001.00003.00006",
                      depth: 4,
                      displayName: "业务四组（刘）",
                      orgs: null
                    },
                    {
                      id: 32,
                      parentId: 7,
                      code: "00001.00001.00003.00007",
                      depth: 4,
                      displayName: "业务五组（唐）",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 12,
                  parentId: 3,
                  code: "00001.00001.00004",
                  depth: 3,
                  displayName: "保定第一分公司",
                  orgs: [
                    {
                      id: 34,
                      parentId: 12,
                      code: "00001.00001.00004.00001",
                      depth: 4,
                      displayName: "业务团队",
                      orgs: null
                    },
                    {
                      id: 35,
                      parentId: 12,
                      code: "00001.00001.00004.00002",
                      depth: 4,
                      displayName: "业务一部",
                      orgs: null
                    },
                    {
                      id: 36,
                      parentId: 12,
                      code: "00001.00001.00004.00003",
                      depth: 4,
                      displayName: "业务二部",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 13,
                  parentId: 3,
                  code: "00001.00001.00005",
                  depth: 3,
                  displayName: "业务二部（沧州）",
                  orgs: [
                    {
                      id: 39,
                      parentId: 13,
                      code: "00001.00001.00005.00003",
                      depth: 4,
                      displayName: "业务三组",
                      orgs: null
                    },
                    {
                      id: 100,
                      parentId: 13,
                      code: "00001.00001.00005.00004",
                      depth: 4,
                      displayName: "业务222",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 14,
                  parentId: 3,
                  code: "00001.00001.00006",
                  depth: 3,
                  displayName: "业务三部（廊坊）",
                  orgs: [
                    {
                      id: 40,
                      parentId: 14,
                      code: "00001.00001.00006.00001",
                      depth: 4,
                      displayName: "业务一组",
                      orgs: null
                    },
                    {
                      id: 41,
                      parentId: 14,
                      code: "00001.00001.00006.00002",
                      depth: 4,
                      displayName: "业务团队",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 15,
                  parentId: 3,
                  code: "00001.00001.00007",
                  depth: 3,
                  displayName: "业务四部（衡水）",
                  orgs: [
                    {
                      id: 42,
                      parentId: 15,
                      code: "00001.00001.00007.00001",
                      depth: 4,
                      displayName: "直属业务部",
                      orgs: null
                    },
                    {
                      id: 43,
                      parentId: 15,
                      code: "00001.00001.00007.00002",
                      depth: 4,
                      displayName: "业务一组（武邑）",
                      orgs: null
                    },
                    {
                      id: 44,
                      parentId: 15,
                      code: "00001.00001.00007.00003",
                      depth: 4,
                      displayName: "业务二组（故城）",
                      orgs: null
                    },
                    {
                      id: 45,
                      parentId: 15,
                      code: "00001.00001.00007.00004",
                      depth: 4,
                      displayName: "业务三组（阜城）",
                      orgs: null
                    },
                    {
                      id: 46,
                      parentId: 15,
                      code: "00001.00001.00007.00005",
                      depth: 4,
                      displayName: "业务四组（枣强）",
                      orgs: null
                    },
                    {
                      id: 47,
                      parentId: 15,
                      code: "00001.00001.00007.00006",
                      depth: 4,
                      displayName: "业务五组（冀县）",
                      orgs: null
                    },
                    {
                      id: 48,
                      parentId: 15,
                      code: "00001.00001.00007.00007",
                      depth: 4,
                      displayName: "业务六绷 （深县）",
                      orgs: null
                    },
                    {
                      id: 49,
                      parentId: 15,
                      code: "00001.00001.00007.00008",
                      depth: 4,
                      displayName: "业务七组（安平）",
                      orgs: null
                    },
                    {
                      id: 50,
                      parentId: 15,
                      code: "00001.00001.00007.00009",
                      depth: 4,
                      displayName: "业务八组（武强）",
                      orgs: null
                    },
                    {
                      id: 51,
                      parentId: 15,
                      code: "00001.00001.00007.00010",
                      depth: 4,
                      displayName: "业务九组（铙阳）",
                      orgs: null
                    },
                    {
                      id: 52,
                      parentId: 15,
                      code: "00001.00001.00007.00011",
                      depth: 4,
                      displayName: "业务十组（景县）",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 18,
                  parentId: 3,
                  code: "00001.00001.00009",
                  depth: 3,
                  displayName: "业务六部（张家口）",
                  orgs: [
                    {
                      id: 72,
                      parentId: 18,
                      code: "00001.00001.00009.00001",
                      depth: 4,
                      displayName: "业和一组",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 19,
                  parentId: 3,
                  code: "00001.00001.00010",
                  depth: 3,
                  displayName: "业务七部（邯郸）",
                  orgs: [
                    {
                      id: 73,
                      parentId: 19,
                      code: "00001.00001.00010.00001",
                      depth: 4,
                      displayName: "业务一组",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 20,
                  parentId: 3,
                  code: "00001.00001.00011",
                  depth: 3,
                  displayName: "业务八部（秦皇岛）",
                  orgs: [
                    {
                      id: 74,
                      parentId: 20,
                      code: "00001.00001.00011.00001",
                      depth: 4,
                      displayName: "业务一组",
                      orgs: null
                    },
                    {
                      id: 125,
                      parentId: 20,
                      code: "00001.00001.00011.00002",
                      depth: 4,
                      displayName: "123",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 107,
                  parentId: 3,
                  code: "00001.00001.00013",
                  depth: 3,
                  displayName: "唐山分公司",
                  orgs: null
                },
                {
                  id: 124,
                  parentId: 3,
                  code: "00001.00001.00014",
                  depth: 3,
                  displayName: "对对对大大",
                  orgs: null
                },
                {
                  id: 166,
                  parentId: 3,
                  code: "00001.00001.00015",
                  depth: 3,
                  displayName: "邢台分公司1",
                  orgs: null
                },
                {
                  id: 167,
                  parentId: 3,
                  code: "00001.00001.00016",
                  depth: 3,
                  displayName: "邢台分公司12",
                  orgs: null
                }
              ]
            },
            {
              id: 4,
              parentId: 1,
              code: "00001.00002",
              depth: 2,
              displayName: "内蒙古分公司456",
              orgs: [
                {
                  id: 26,
                  parentId: 4,
                  code: "00001.00001.00003.00001",
                  depth: 4,
                  displayName: "前台业务部-1",
                  orgs: [
                    {
                      id: 101,
                      parentId: 26,
                      code: "00001.00001.00003.00001.00001",
                      depth: 5,
                      displayName: "1111",
                      orgs: null
                    },
                    {
                      id: 106,
                      parentId: 26,
                      code: "00001.00001.00003.00001.00002",
                      depth: 5,
                      displayName: "测试1111112",
                      orgs: null
                    },
                    {
                      id: 159,
                      parentId: 26,
                      code: "00001.00001.00003.00001.00003",
                      depth: 5,
                      displayName: "业务三部",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 93,
                  parentId: 4,
                  code: "00001.00002.00001",
                  depth: 3,
                  displayName: "兴安盟分公司",
                  orgs: null
                },
                {
                  id: 94,
                  parentId: 4,
                  code: "00001.00002.00002",
                  depth: 3,
                  displayName: "巴严淖尔分公司",
                  orgs: null
                },
                {
                  id: 95,
                  parentId: 4,
                  code: "00001.00002.00003",
                  depth: 3,
                  displayName: "业务一部",
                  orgs: null
                },
                {
                  id: 160,
                  parentId: 4,
                  code: "00001.00002.00005",
                  depth: 3,
                  displayName: "业务三部",
                  orgs: null
                },
                {
                  id: 162,
                  parentId: 4,
                  code: "00001.00002.00006",
                  depth: 3,
                  displayName: "业务二部",
                  orgs: null
                }
              ]
            },
            {
              id: 8,
              parentId: 1,
              code: "00001.00001",
              depth: 2,
              displayName: "山东分公司",
              orgs: [
                {
                  id: 9,
                  parentId: 8,
                  code: "00001.00001.00001",
                  depth: 3,
                  displayName: "莱芜分公司",
                  orgs: null
                },
                {
                  id: 55,
                  parentId: 8,
                  code: "00001.00001.00002",
                  depth: 3,
                  displayName: "直属业务部",
                  orgs: [
                    {
                      id: 75,
                      parentId: 55,
                      code: "00001.00001.00002.00001",
                      depth: 4,
                      displayName: "业务一组",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 56,
                  parentId: 8,
                  code: "00001.00001.00003",
                  depth: 3,
                  displayName: "枣庄分公司",
                  orgs: [
                    {
                      id: 76,
                      parentId: 56,
                      code: "00001.00001.00003.00001",
                      depth: 4,
                      displayName: "业务一组",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 57,
                  parentId: 8,
                  code: "00001.00001.00004",
                  depth: 3,
                  displayName: "菜武分公司",
                  orgs: [
                    {
                      id: 77,
                      parentId: 57,
                      code: "00001.00001.00004.00001",
                      depth: 4,
                      displayName: "业务一组",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 58,
                  parentId: 8,
                  code: "00001.00001.00005",
                  depth: 3,
                  displayName: "日照分公司",
                  orgs: null
                },
                {
                  id: 59,
                  parentId: 8,
                  code: "00001.00001.00006",
                  depth: 3,
                  displayName: "业务一部（烟台)",
                  orgs: [
                    {
                      id: 79,
                      parentId: 59,
                      code: "00001.00001.00006.00001",
                      depth: 4,
                      displayName: "业务一组",
                      orgs: [
                        {
                          id: 80,
                          parentId: 79,
                          code: "00001.00001.00006.00001.00001",
                          depth: 5,
                          displayName: "业务一组",
                          orgs: null
                        }
                      ]
                    }
                  ]
                },
                {
                  id: 60,
                  parentId: 8,
                  code: "00001.00001.00007",
                  depth: 3,
                  displayName: "业务二部（济南）",
                  orgs: [
                    {
                      id: 81,
                      parentId: 60,
                      code: "00001.00001.00007.00001",
                      depth: 4,
                      displayName: "业务一组",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 62,
                  parentId: 8,
                  code: "00001.00001.00009",
                  depth: 3,
                  displayName: "业务四部（聊城）",
                  orgs: [
                    {
                      id: 83,
                      parentId: 62,
                      code: "00001.00001.00009.00001",
                      depth: 4,
                      displayName: "业务一组",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 63,
                  parentId: 8,
                  code: "00001.00001.00010",
                  depth: 3,
                  displayName: "业务五部（济宁）",
                  orgs: [
                    {
                      id: 84,
                      parentId: 63,
                      code: "00001.00001.00010.00001",
                      depth: 4,
                      displayName: "业务一组",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 64,
                  parentId: 8,
                  code: "00001.00001.00011",
                  depth: 3,
                  displayName: "业务六部（淄博）",
                  orgs: [
                    {
                      id: 85,
                      parentId: 64,
                      code: "00001.00001.00011.00001",
                      depth: 4,
                      displayName: "业务一组",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 66,
                  parentId: 8,
                  code: "00001.00001.00013",
                  depth: 3,
                  displayName: "业务八部（荷泽）",
                  orgs: [
                    {
                      id: 87,
                      parentId: 66,
                      code: "00001.00001.00013.00001",
                      depth: 4,
                      displayName: "业务一组",
                      orgs: null
                    }
                  ]
                },
                {
                  id: 134,
                  parentId: 8,
                  code: "00001.00001.00014",
                  depth: 3,
                  displayName: "可不可以",
                  orgs: null
                }
              ]
            },
            {
              id: 108,
              parentId: 1,
              code: "00001.00003",
              depth: 2,
              displayName: "湖南分公司",
              orgs: [
                {
                  id: 109,
                  parentId: 108,
                  code: "00001.00003.00001",
                  depth: 3,
                  displayName: "业务一部",
                  orgs: null
                },
                {
                  id: 127,
                  parentId: 108,
                  code: "00001.00003.00002",
                  depth: 3,
                  displayName: "湖南湘北分公司",
                  orgs: null
                },
                {
                  id: 128,
                  parentId: 108,
                  code: "00001.00003.00003",
                  depth: 3,
                  displayName: "阿萨德",
                  orgs: null
                },
                {
                  id: 129,
                  parentId: 108,
                  code: "00001.00003.00004",
                  depth: 3,
                  displayName: "大萨达",
                  orgs: null
                },
                {
                  id: 130,
                  parentId: 108,
                  code: "00001.00003.00005",
                  depth: 3,
                  displayName: "88大萨达",
                  orgs: null
                },
                {
                  id: 131,
                  parentId: 108,
                  code: "00001.00003.00006",
                  depth: 3,
                  displayName: "撒大声地",
                  orgs: null
                },
                {
                  id: 132,
                  parentId: 108,
                  code: "00001.00003.00007",
                  depth: 3,
                  displayName: "s大大",
                  orgs: null
                },
                {
                  id: 133,
                  parentId: 108,
                  code: "00001.00003.00008",
                  depth: 3,
                  displayName: "萨达",
                  orgs: null
                },
                {
                  id: 135,
                  parentId: 108,
                  code: "00001.00003.00009",
                  depth: 3,
                  displayName: "撒大大",
                  orgs: null
                },
                {
                  id: 136,
                  parentId: 108,
                  code: "00001.00003.00010",
                  depth: 3,
                  displayName: "sad范德萨范德萨",
                  orgs: null
                },
                {
                  id: 137,
                  parentId: 108,
                  code: "00001.00003.00011",
                  depth: 3,
                  displayName: "可以了么？",
                  orgs: null
                },
                {
                  id: 138,
                  parentId: 108,
                  code: "00001.00003.00012",
                  depth: 3,
                  displayName: "大萨达232",
                  orgs: null
                },
                {
                  id: 139,
                  parentId: 108,
                  code: "00001.00003.00013",
                  depth: 3,
                  displayName: "啊实打实",
                  orgs: null
                },
                {
                  id: 140,
                  parentId: 108,
                  code: "00001.00003.00014",
                  depth: 3,
                  displayName: "完整测试",
                  orgs: null
                },
                {
                  id: 141,
                  parentId: 108,
                  code: "00001.00003.00015",
                  depth: 3,
                  displayName: "safdasdfsa",
                  orgs: null
                },
                {
                  id: 146,
                  parentId: 108,
                  code: "00001.00003.00016",
                  depth: 3,
                  displayName: "dasd",
                  orgs: null
                }
              ]
            }
          ]
        }
      ],
      zhudi: "",
      dataaaa: "<div>我在这里啊</div>",
      gotos: false,
      mos: false,
      editorSetting: {
        // 配置富文本编辑器高
        height: 300
      },
      Url:
        "http://localhost:9528/api/PublicTransaction-SYS-Web/upload/singleUpload", // 图片对应的上传地址
      MaxSize: 75765, // 文件大小
      Accept: "image/jpeg, image/png", // 文件格式
      withCredentials: true,
      content: "",
      isshow: false,
      datas: {
        id: "20532c20-6865-46af-bd8e-733c6ad65ad2"
      },
      title: "结算",
      maxnumber: 100,
      number: "222-3333",
      text: "到",
      input: "输入框size mini",

      form: {
        name: "111",
        region: "222",
        date1: "333",
        date2: "4444",
        delivery: false,
        type: [],
        resource: "",
        desc: ""
      },
      options: [
        {
          value: "选项1",
          label: "黄金糕"
        },
        {
          value: "选项2",
          label: "双皮奶"
        },
        {
          value: "选项3",
          label: "蚵仔煎"
        },
        {
          value: "选项4",
          label: "龙须面"
        },
        {
          value: "选项5",
          label: "北京烤大萨达撒多撒多大所鸭"
        }
      ],
      value: "",
      curdata: "",
      namearrs:[],
      num1:0,
      chart:null,
      echartsData: {
        expectedData: [100, 120, 161, 134, 105, 160, 165],
        actualData: [120, 82, 91, 154, 162, 140, 145]
      }
  
    };
  },
  mounted() {
    //new system("0daedfb4-831c-4b49-8904-a49a098a2a97");
    this.loadEchart();
    this.abc();
  },
  methods: {
    double(){
       console.log("禁用点击")
      this.disabled = true;
      console.log("禁用之后点击")
    },
    down(){
      let val = '/Temp/Downloads/20180914170425_全部.xlsx'
      window.location.href=process.env.BASE_DOWN+val
     console.log(process.env)
    },
    abc(){
      this.liness.forEach(i => {
          i.ismore = false;
      })
    },
    tomore(item,index){
      let arr = [];
      this.liness.forEach(i => {
        arr.push(i);
      })
      arr[index].ismore = !item.ismore;
      // arr[index] = Object.assign({},arr[index],{
      //   'ismore':!item.ismore
      // })
      this.liness = arr;
    },


    loadEchart(){
      // this.chart = echarts.init(document.getElementById('echarts','macarons'))
      this.chart = echarts.init(document.getElementById('echarts'))
      console.log("hhhhhsadasd")
      console.log(this.chart)
      this.setOptions(this.echartsData)
    },
     setOptions({ expectedData, actualData } = {}) {
       console.log("dsadasdsad")
      this.chart.setOption({
        xAxis: {
          data: ['一', '二', '3', '4', '5', '6', '7'],
          boundaryGap: false,
          axisTick: {
            show: false
          }
        },
        grid: {
          left: 10,
          right: 10,
          bottom: 20,
          top: 30,
          containLabel: true
        },
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'cross'
          },
          padding: [5, 10]
        },
        yAxis: {
          axisTick: {
            show: false
          }
        },
        legend: {
          data: ['expected', 'actual']
        },
        series: [{
          name: 'expected', itemStyle: {
            normal: {
              color: '#FF005A',
              lineStyle: {
                color: '#FF005A',
                width: 2
              }
            }
          },
          smooth: true,
          type: 'line',
          data: expectedData,
          animationDuration: 2800,
          animationEasing: 'cubicInOut'
        },
        {
          name: 'actual',
          smooth: true,
          type: 'line',
          itemStyle: {
            normal: {
              color: '#3888fa',
              lineStyle: {
                color: '#3888fa',
                width: 2
              },
              areaStyle: {
                color: '#f3f8ff'
              }
            }
          },
          data: actualData,
          animationDuration: 2800,
          animationEasing: 'quadraticOut'
        }]
      })
    },
    chcecks(event,val){
      console.log(event)
      let checked = this.checked;
      let checked2 = this.checked2;
      if(val == '1'){
        this.checked = event;
        this.checked2 = false
      }else{
        this.checked = false;
        this.checked2 = event
      }
    },
    namearr(val){ //获取多选name文字数组
      this.namearrs = val;
    },
    imOk() {
      let data = this.curdata;
      console.log(data);
    },
    curCheck(val) {
      console.log(val);
      this.curdata = val;
      console.log(this.curdata);
    },
    ddd(val) {
      console.log(val);
    },
    go() {
      alert("dddd");
    },
    getTotal(val) {
      console.log(val);
    },
    getError(val) {
      console.log(val);
    },
    addUnit(val) {
      console.log(val);
    },
    viewInfo(val) {
      console.log(val);
    },
    onSubmit() {
      this.$message("submit!");
    },
    onCancel() {
      this.$message({
        message: "cancel!",
        type: "warning"
      });
    },
    handleCommand(command) {
      this.$message("click on item " + command);
    },
    save(data) {
      console.log(data);
      this.isshow = false;
    },
    closeLayer() {
      this.isshow = false;
    },
    letgo() {
      console.log("let it go yes..");
    },
    goto() {
      //  	this.$refs.popover.show(function(){
      //
      //  	})
      console.log("ddsdsads");
      this.gotos = true;
    },
    addlowpolic() {
      alert("3333");
    },
    changes(val){
      console.log(val)
      console.log(this.$refs['inputs'])
      this.$refs['inputs'].focus();
    },
    gogo(val){

    }
  }
};
</script>

<style lang="scss" scoped>
.abc{
  width: 100%;
  margin:20px auto;
  .line1{
    width: 100%;
    height: 100%;
    border-left:1px solid #ddd;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    .pad{
      padding:28px 3px;
    }
    .pad1{
      padding:3px;
    }
    .icon{
      float:left;
      width: 20%;
      border-right:1px solid #ddd;
    }
    .date1{
      float:left;
      width: 20%;
    }
    .hang{
      float:left;
      width: 60%;
      // border-left:1px solid #ddd;
      .hang1:not(:last-child){
        border-bottom: 1px solid #ddd;
      }
      .hang1{
         div{
          float:left;
          width:20%;
          padding:3px;
          border-left:1px solid #ddd;
        }
      }
    }
    // .bao{
    //   float:left;
    //   width: 20%;
    //   border-right:1px solid #ddd;
    //   div:not(:last-child){
    //     border-bottom:1px solid #ddd;
    //   }
    // }
  }
  .line1:last-child{
     border-bottom:1px solid #ddd;
  }
}













.line {
  text-align: center;
}
.wd500 {
  width: 350px;
}
.demo-table-expand {
    font-size: 0;
  }
  .demo-table-expand label {
    width: 90px;
    color: #99a9bf;
  }
  .demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
  }
</style>

